@import url(./reset.scss);

#app {
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  // background-color: rgb(0, 0, 0);
}

div {
  box-sizing: border-box;
}

// ::-webkit-scrollbar {
//   width: 5px;
// }
// ::-webkit-scrollbar-track {
//   background-color: #ffffff;
// }
// ::-webkit-scrollbar-thumb {
//   background-color: #999999;
// }

/* 修改滑道颜色 */
::-webkit-scrollbar {
  // background-color: #f1f1f1; /* 滑道背景色 */
  width: 4px;
  height: 4px;
}

/* 修改滚动条轨道 */
::-webkit-scrollbar-track {
  /* 滚动条里面轨道 */
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
  border-radius: 2px;
  background: #fff;
}

/* 修改滑块颜色 */
::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #999999; /* 滑块颜色 */
}

/* 添加悬停效果 */
::-webkit-scrollbar-thumb:hover {
  background-color: #999999; /* 滑块悬停时的颜色 */
}

/* 修改边角形状为圆角 */
::-webkit-scrollbar-corner {
  border-radius: 2px; /* 边角半径大小 */
}

/* 修改按钮（上/下）的外观 */
::-webkit-scrollbar-button {
  display: none; /* 不显示按钮 */
}